{% include 'common/topmenu.volt' %}
<br />
<hr>
<br />

<div class="primary list-product">
      <div class="prodt_left">
         <div class="prodt_img">
            <div id="showcase" class="showcase">
            {% set list_image = product.getListImage() %}
            {%- for image in list_image %}
               <div class="showcase-slide">
                  <div class="showcase-content">
                     <img src="http://localhost:6001{{ image }}" alt="01" />
                  </div>
                  <div class="showcase-thumbnail">
                     <img src="http://localhost:6001{{ image }}" alt="01" width="60px" />
                  </div>
               </div>
            {%- endfor %}
            </div>
         </div>
         <div class="prodt_info">
            <h1>{{ product.sp_name }}</h1>
            <h3>{{ product.getFormatPrice() }}</h3>
            <p>{{ product.getCountSell() }} nơi bán</p>
         </div>
         <div class="clearfix"></div>
         <div class="prodt_gh">
            <h2>Các gian hàng bán sản phẩm này</h2>
            {% set list_gian_hang = product.getListGh() %}
            {%- for gian_hang in list_gian_hang %}
               <div class="store-item">
                  <div class="store-item-col1">
                     <a rel="nofollow" target="_blank" title="" href=""> 
                        <img alt="" src="http://localhost:6001/avatars/{{ gian_hang['gh_avatar'] }}" />
                        <p>{{ gian_hang['gh_uname'] }}</p>
                     </a>
                  </div>
                  <div class="store-item-col2 ">
                     <p> <strong>{{ gian_hang['gia_sp'] }}</strong>
                     </p>
                     <p> Update 1 ngày trước</p> 
                     <a rel="nofollow" target="_blank" href="http://vatgia.com{{ gian_hang['gh_sp_uri'] }}" title="" class="btn-compare">Tới nơi bán</a> </div>
                  <div class="store-item-col3 ">
                     <h3><a rel="nofollow" target="_blank" href="http://vatgia.com{{ gian_hang['gh_sp_uri'] }}" title="">{{ product.sp_name }}</a></h3>
                     <p>{{ gian_hang['sp_tt_khac'] }}</p>
                     <p><em>Kho hàng: Liên hệ</em>
                     </p>
                     <p><em></em>
                     </p>
                  </div>
                  <div class="clearfix"> </div>
               </div>
            {%- endfor %}
         </div>
      </div>
      <div class="prodt_right">
         <div class="box-news-ref">
            <h2>Sản phẩm liên quan</h2>
            <ul>
            {%- set list_product_relate = product.getProductRelate() %}
            {%- for product_relate in list_product_relate %}
               <li>
                  <div>
                     <a title="" href="{{ product_relate.getUrl() }}"> 
                        <img alt="" title="" src="http://localhost:6001/{{ product_relate.getFirstImage() }}"/>
                     </a>
                  </div>
                  <h3>
                     <a title="" href="{{ product_relate.getUrl() }}">{{ product_relate.sp_name }}</a></h3>
                  <p class="price"> {{ product_relate.getFormatPrice() }}<em> (Có <b>{{ product_relate.getCountSell() }}</b> nơi bán)</em> </p>
               </li>
            {%- endfor %}
            </ul>
         </div>
         <div class="box-news-ref">
            <h2>Tags</h2>
            <div class="tags">
            {%- set array_tags = product.getTags() %}
            {%- for tags in array_tags %}
               <a href="#">{{ tags }}</a>, &nbsp;
            {%- endfor %}
            </div>
         </div>
      </div>
   </div>